<template>
    <div class="box" id="box" :style="{
        height:
            this.$store.state.system.isFullScreen === false
                ? 'calc(100vh - 50px)'
                : '100vh',

    }">
        <div class="title">
            <div class="title_text">
                <div>光纤智能工作面刮板机调直系统</div>
            </div>
        </div>
        <div class="content" :style="{
        height:
            this.$store.state.system.isFullScreen === false
                ? 'calc(100vh - 50px - 7vh)'
                : '94vh',

    }">
            <Scalelmg />
        </div>
    </div>
</template>

<script>
import Screenfull from "@/components/Screenfull";
import TagsTime from '../../../layout/components/TagsView/TagsTime.vue'
import Scalelmg from './homepage_componets/Scalelmg.vue'
export default {
    components: {
        Scalelmg,
        Screenfull,
        TagsTime
    },

    data() {
        return {
            isFullscreen: false,
            isQuanPing: false,
        };
    },
    mounted() {


    },

    methods: {

    },
};
</script>

<style lang="less" scoped>
* {

    box-sizing: border-box;
    cursor: pointer;
}

.box {
    width: 100%;
    height: 100%;
    // border: 1px solid red;
    background-image: url('../../../assets/Scraper/bac.png');
    background-size: 100% 100%;
    backdrop-filter: 0.800000011920929;

    // filter: blur(272px);
}

.title {
    width: 100%;
    height: 7vh;
    display: flex;
    position: relative;
    // border: 1px solid red;
}




.title_text {
    width: 100%;
    background-image: url('../../../assets/Scraper/顶部标题栏.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;

    div {
        padding: 5px;
        font-variation-settings: "opsz" auto;
        color: #FFFFFF;
        letter-spacing: 0.05em;
        font-family: PangMenZhengDao;
        position: absolute;
        font-weight: 900;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -70%);
        font-size: 1.1vw;

    }
}
</style>